﻿:root {
    --borderRadiusNone: 0;
    --borderRadiusSmall: 2px;
    --borderRadiusMedium: 4px;
    --borderRadiusLarge: 6px;
    --borderRadiusXLarge: 8px;
    --borderRadiusCircular: 10000px;
    --fontSizeBase100: 10px;
    --fontSizeBase200: 12px;
    --fontSizeBase300: 14px;
    --fontSizeBase400: 16px;
    --fontSizeBase500: 20px;
    --fontSizeBase600: 24px;
    --fontSizeHero700: 28px;
    --fontSizeHero800: 32px;
    --fontSizeHero900: 40px;
    --fontSizeHero1000: 68px;
    --lineHeightBase100: 14px;
    --lineHeightBase200: 16px;
    --lineHeightBase300: 20px;
    --lineHeightBase400: 22px;
    --lineHeightBase500: 28px;
    --lineHeightBase600: 32px;
    --lineHeightHero700: 36px;
    --lineHeightHero800: 40px;
    --lineHeightHero900: 52px;
    --lineHeightHero1000: 92px;
    --fontFamilyBase: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    --fontFamilyMonospace: Consolas, 'Courier New', Courier, monospace;
    --fontFamilyNumeric: Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    --fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightSemibold: 600;
    --fontWeightBold: 700;
    --strokeWidthThin: 1px;
    --strokeWidthThick: 2px;
    --strokeWidthThicker: 3px;
    --strokeWidthThickest: 4px;
    --spacingHorizontalNone: 0;
    --spacingHorizontalXXS: 2px;
    --spacingHorizontalXS: 4px;
    --spacingHorizontalSNudge: 6px;
    --spacingHorizontalS: 8px;
    --spacingHorizontalMNudge: 10px;
    --spacingHorizontalM: 12px;
    --spacingHorizontalL: 16px;
    --spacingHorizontalXL: 20px;
    --spacingHorizontalXXL: 24px;
    --spacingHorizontalXXXL: 32px;
    --spacingVerticalNone: 0;
    --spacingVerticalXXS: 2px;
    --spacingVerticalXS: 4px;
    --spacingVerticalSNudge: 6px;
    --spacingVerticalS: 8px;
    --spacingVerticalMNudge: 10px;
    --spacingVerticalM: 12px;
    --spacingVerticalL: 16px;
    --spacingVerticalXL: 20px;
    --spacingVerticalXXL: 24px;
    --spacingVerticalXXXL: 32px;
    --durationUltraFast: 50ms;
    --durationFaster: 100ms;
    --durationFast: 150ms;
    --durationNormal: 200ms;
    --durationGentle: 250ms;
    --durationSlow: 300ms;
    --durationSlower: 400ms;
    --durationUltraSlow: 500ms;
    --curveAccelerateMax: cubic-bezier(0.9,0.1,1,0.2);
    --curveAccelerateMid: cubic-bezier(1,0,1,1);
    --curveAccelerateMin: cubic-bezier(0.8,0,0.78,1);
    --curveDecelerateMax: cubic-bezier(0.1,0.9,0.2,1);
    --curveDecelerateMid: cubic-bezier(0,0,0,1);
    --curveDecelerateMin: cubic-bezier(0.33,0,0.1,1);
    --curveEasyEaseMax: cubic-bezier(0.8,0,0.2,1);
    --curveEasyEase: cubic-bezier(0.33,0,0.67,1);
    --curveLinear: cubic-bezier(0,0,1,1);
    --colorNeutralForeground1: #242424;
    --colorNeutralForeground1Hover: #242424;
    --colorNeutralForeground1Pressed: #242424;
    --colorNeutralForeground1Selected: #242424;
    --colorNeutralForeground2: #424242;
    --colorNeutralForeground2Hover: #242424;
    --colorNeutralForeground2Pressed: #242424;
    --colorNeutralForeground2Selected: #242424;
    --colorNeutralForeground2BrandHover: #0f6cbd;
    --colorNeutralForeground2BrandPressed: #115ea3;
    --colorNeutralForeground2BrandSelected: #0f6cbd;
    --colorNeutralForeground3: #616161;
    --colorNeutralForeground3Hover: #424242;
    --colorNeutralForeground3Pressed: #424242;
    --colorNeutralForeground3Selected: #424242;
    --colorNeutralForeground3BrandHover: #0f6cbd;
    --colorNeutralForeground3BrandPressed: #115ea3;
    --colorNeutralForeground3BrandSelected: #0f6cbd;
    --colorNeutralForeground4: #707070;
    --colorNeutralForegroundDisabled: #bdbdbd;
    --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4);
    --colorBrandForegroundLink: #115ea3;
    --colorBrandForegroundLinkHover: #0f548c;
    --colorBrandForegroundLinkPressed: #0c3b5e;
    --colorBrandForegroundLinkSelected: #115ea3;
    --colorNeutralForeground2Link: #424242;
    --colorNeutralForeground2LinkHover: #242424;
    --colorNeutralForeground2LinkPressed: #242424;
    --colorNeutralForeground2LinkSelected: #242424;
    --colorCompoundBrandForeground1: #0f6cbd;
    --colorCompoundBrandForeground1Hover: #115ea3;
    --colorCompoundBrandForeground1Pressed: #0f548c;
    --colorBrandForeground1: #0f6cbd;
    --colorBrandForeground2: #115ea3;
    --colorBrandForeground2Hover: #0f548c;
    --colorBrandForeground2Pressed: #0a2e4a;
    --colorNeutralForeground1Static: #242424;
    --colorNeutralForegroundStaticInverted: #ffffff;
    --colorNeutralForegroundInverted: #ffffff;
    --colorNeutralForegroundInvertedHover: #ffffff;
    --colorNeutralForegroundInvertedPressed: #ffffff;
    --colorNeutralForegroundInvertedSelected: #ffffff;
    --colorNeutralForegroundInverted2: #ffffff;
    --colorNeutralForegroundOnBrand: #ffffff;
    --colorNeutralForegroundInvertedLink: #ffffff;
    --colorNeutralForegroundInvertedLinkHover: #ffffff;
    --colorNeutralForegroundInvertedLinkPressed: #ffffff;
    --colorNeutralForegroundInvertedLinkSelected: #ffffff;
    --colorBrandForegroundInverted: #479ef5;
    --colorBrandForegroundInvertedHover: #62abf5;
    --colorBrandForegroundInvertedPressed: #479ef5;
    --colorBrandForegroundOnLight: #0f6cbd;
    --colorBrandForegroundOnLightHover: #115ea3;
    --colorBrandForegroundOnLightPressed: #0e4775;
    --colorBrandForegroundOnLightSelected: #0f548c;
    --colorNeutralBackground1: #ffffff;
    --colorNeutralBackground1Hover: #f5f5f5;
    --colorNeutralBackground1Pressed: #e0e0e0;
    --colorNeutralBackground1Selected: #ebebeb;
    --colorNeutralBackground2: #fafafa;
    --colorNeutralBackground2Hover: #f0f0f0;
    --colorNeutralBackground2Pressed: #dbdbdb;
    --colorNeutralBackground2Selected: #e6e6e6;
    --colorNeutralBackground3: #f5f5f5;
    --colorNeutralBackground3Hover: #ebebeb;
    --colorNeutralBackground3Pressed: #d6d6d6;
    --colorNeutralBackground3Selected: #e0e0e0;
    --colorNeutralBackground4: #f0f0f0;
    --colorNeutralBackground4Hover: #fafafa;
    --colorNeutralBackground4Pressed: #f5f5f5;
    --colorNeutralBackground4Selected: #ffffff;
    --colorNeutralBackground5: #ebebeb;
    --colorNeutralBackground5Hover: #f5f5f5;
    --colorNeutralBackground5Pressed: #f0f0f0;
    --colorNeutralBackground5Selected: #fafafa;
    --colorNeutralBackground6: #e6e6e6;
    --colorNeutralBackgroundInverted: #292929;
    --colorNeutralBackgroundStatic: #333333;
    --colorNeutralBackgroundAlpha: rgba(255, 255, 255, 0.5);
    --colorNeutralBackgroundAlpha2: rgba(255, 255, 255, 0.8);
    --colorSubtleBackground: transparent;
    --colorSubtleBackgroundHover: #f5f5f5;
    --colorSubtleBackgroundPressed: #e0e0e0;
    --colorSubtleBackgroundSelected: #ebebeb;
    --colorSubtleBackgroundLightAlphaHover: rgba(255, 255, 255, 0.7);
    --colorSubtleBackgroundLightAlphaPressed: rgba(255, 255, 255, 0.5);
    --colorSubtleBackgroundLightAlphaSelected: transparent;
    --colorSubtleBackgroundInverted: transparent;
    --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1);
    --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3);
    --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2);
    --colorTransparentBackground: transparent;
    --colorTransparentBackgroundHover: transparent;
    --colorTransparentBackgroundPressed: transparent;
    --colorTransparentBackgroundSelected: transparent;
    --colorNeutralBackgroundDisabled: #f0f0f0;
    --colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1);
    --colorNeutralStencil1: #e6e6e6;
    --colorNeutralStencil2: #fafafa;
    --colorNeutralStencil1Alpha: rgba(0, 0, 0, 0.1);
    --colorNeutralStencil2Alpha: rgba(0, 0, 0, 0.05);
    --colorBackgroundOverlay: rgba(0, 0, 0, 0.4);
    --colorScrollbarOverlay: rgba(0, 0, 0, 0.5);
    --colorBrandBackground: #0f6cbd;
    --colorBrandBackgroundHover: #115ea3;
    --colorBrandBackgroundPressed: #0c3b5e;
    --colorBrandBackgroundSelected: #0f548c;
    --colorCompoundBrandBackground: #0f6cbd;
    --colorCompoundBrandBackgroundHover: #115ea3;
    --colorCompoundBrandBackgroundPressed: #0f548c;
    --colorBrandBackgroundStatic: #0f6cbd;
    --colorBrandBackground2: #ebf3fc;
    --colorBrandBackground2Hover: #cfe4fa;
    --colorBrandBackground2Pressed: #96c6fa;
    --colorBrandBackground3Static: #0f548c;
    --colorBrandBackground4Static: #0c3b5e;
    --colorBrandBackgroundInverted: #ffffff;
    --colorBrandBackgroundInvertedHover: #ebf3fc;
    --colorBrandBackgroundInvertedPressed: #b4d6fa;
    --colorBrandBackgroundInvertedSelected: #cfe4fa;
    --colorNeutralCardBackground: #fafafa;
    --colorNeutralCardBackgroundHover: #ffffff;
    --colorNeutralCardBackgroundPressed: #f5f5f5;
    --colorNeutralCardBackgroundSelected: #ebebeb;
    --colorNeutralCardBackgroundDisabled: #f0f0f0;
    --colorNeutralStrokeAccessible: #616161;
    --colorNeutralStrokeAccessibleHover: #575757;
    --colorNeutralStrokeAccessiblePressed: #4d4d4d;
    --colorNeutralStrokeAccessibleSelected: #0f6cbd;
    --colorNeutralStroke1: #d1d1d1;
    --colorNeutralStroke1Hover: #c7c7c7;
    --colorNeutralStroke1Pressed: #b3b3b3;
    --colorNeutralStroke1Selected: #bdbdbd;
    --colorNeutralStroke2: #e0e0e0;
    --colorNeutralStroke3: #f0f0f0;
    --colorNeutralStrokeSubtle: #e0e0e0;
    --colorNeutralStrokeOnBrand: #ffffff;
    --colorNeutralStrokeOnBrand2: #ffffff;
    --colorNeutralStrokeOnBrand2Hover: #ffffff;
    --colorNeutralStrokeOnBrand2Pressed: #ffffff;
    --colorNeutralStrokeOnBrand2Selected: #ffffff;
    --colorBrandStroke1: #0f6cbd;
    --colorBrandStroke2: #b4d6fa;
    --colorBrandStroke2Hover: #77b7f7;
    --colorBrandStroke2Pressed: #0f6cbd;
    --colorBrandStroke2Contrast: #b4d6fa;
    --colorCompoundBrandStroke: #0f6cbd;
    --colorCompoundBrandStrokeHover: #115ea3;
    --colorCompoundBrandStrokePressed: #0f548c;
    --colorNeutralStrokeDisabled: #e0e0e0;
    --colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4);
    --colorTransparentStroke: transparent;
    --colorTransparentStrokeInteractive: transparent;
    --colorTransparentStrokeDisabled: transparent;
    --colorNeutralStrokeAlpha: rgba(0, 0, 0, 0.05);
    --colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2);
    --colorStrokeFocus1: #ffffff;
    --colorStrokeFocus2: #000000;
    --colorNeutralShadowAmbient: rgba(0,0,0,0.12);
    --colorNeutralShadowKey: rgba(0,0,0,0.14);
    --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.06);
    --colorNeutralShadowKeyLighter: rgba(0,0,0,0.07);
    --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.20);
    --colorNeutralShadowKeyDarker: rgba(0,0,0,0.24);
    --colorBrandShadowAmbient: rgba(0,0,0,0.30);
    --colorBrandShadowKey: rgba(0,0,0,0.25);
    --colorPaletteRedBackground1: #fdf6f6;
    --colorPaletteRedBackground2: #f1bbbc;
    --colorPaletteRedBackground3: #d13438;
    --colorPaletteRedForeground1: #bc2f32;
    --colorPaletteRedForeground2: #751d1f;
    --colorPaletteRedForeground3: #d13438;
    --colorPaletteRedBorderActive: #d13438;
    --colorPaletteRedBorder1: #f1bbbc;
    --colorPaletteRedBorder2: #d13438;
    --colorPaletteGreenBackground1: #f1faf1;
    --colorPaletteGreenBackground2: #9fd89f;
    --colorPaletteGreenBackground3: #107c10;
    --colorPaletteGreenForeground1: #0e700e;
    --colorPaletteGreenForeground2: #094509;
    --colorPaletteGreenForeground3: #107c10;
    --colorPaletteGreenBorderActive: #107c10;
    --colorPaletteGreenBorder1: #9fd89f;
    --colorPaletteGreenBorder2: #107c10;
    --colorPaletteDarkOrangeBackground1: #fdf6f3;
    --colorPaletteDarkOrangeBackground2: #f4bfab;
    --colorPaletteDarkOrangeBackground3: #da3b01;
    --colorPaletteDarkOrangeForeground1: #c43501;
    --colorPaletteDarkOrangeForeground2: #7a2101;
    --colorPaletteDarkOrangeForeground3: #da3b01;
    --colorPaletteDarkOrangeBorderActive: #da3b01;
    --colorPaletteDarkOrangeBorder1: #f4bfab;
    --colorPaletteDarkOrangeBorder2: #da3b01;
    --colorPaletteYellowBackground1: #fffef5;
    --colorPaletteYellowBackground2: #fef7b2;
    --colorPaletteYellowBackground3: #fde300;
    --colorPaletteYellowForeground1: #817400;
    --colorPaletteYellowForeground2: #817400;
    --colorPaletteYellowForeground3: #fde300;
    --colorPaletteYellowBorderActive: #fde300;
    --colorPaletteYellowBorder1: #fef7b2;
    --colorPaletteYellowBorder2: #fde300;
    --colorPaletteBerryBackground1: #fdf5fc;
    --colorPaletteBerryBackground2: #edbbe7;
    --colorPaletteBerryBackground3: #c239b3;
    --colorPaletteBerryForeground1: #af33a1;
    --colorPaletteBerryForeground2: #6d2064;
    --colorPaletteBerryForeground3: #c239b3;
    --colorPaletteBerryBorderActive: #c239b3;
    --colorPaletteBerryBorder1: #edbbe7;
    --colorPaletteBerryBorder2: #c239b3;
    --colorPaletteLightGreenBackground1: #f2fbf2;
    --colorPaletteLightGreenBackground2: #a7e3a5;
    --colorPaletteLightGreenBackground3: #13a10e;
    --colorPaletteLightGreenForeground1: #11910d;
    --colorPaletteLightGreenForeground2: #0b5a08;
    --colorPaletteLightGreenForeground3: #13a10e;
    --colorPaletteLightGreenBorderActive: #13a10e;
    --colorPaletteLightGreenBorder1: #a7e3a5;
    --colorPaletteLightGreenBorder2: #13a10e;
    --colorPaletteMarigoldBackground1: #fefbf4;
    --colorPaletteMarigoldBackground2: #f9e2ae;
    --colorPaletteMarigoldBackground3: #eaa300;
    --colorPaletteMarigoldForeground1: #d39300;
    --colorPaletteMarigoldForeground2: #835b00;
    --colorPaletteMarigoldForeground3: #eaa300;
    --colorPaletteMarigoldBorderActive: #eaa300;
    --colorPaletteMarigoldBorder1: #f9e2ae;
    --colorPaletteMarigoldBorder2: #eaa300;
    --colorPaletteRedForegroundInverted: #dc5e62;
    --colorPaletteGreenForegroundInverted: #359b35;
    --colorPaletteYellowForegroundInverted: #fef7b2;
    --colorPaletteDarkRedBackground2: #d69ca5;
    --colorPaletteDarkRedForeground2: #420610;
    --colorPaletteDarkRedBorderActive: #750b1c;
    --colorPaletteCranberryBackground2: #eeacb2;
    --colorPaletteCranberryForeground2: #6e0811;
    --colorPaletteCranberryBorderActive: #c50f1f;
    --colorPalettePumpkinBackground2: #efc4ad;
    --colorPalettePumpkinForeground2: #712d09;
    --colorPalettePumpkinBorderActive: #ca5010;
    --colorPalettePeachBackground2: #ffddb3;
    --colorPalettePeachForeground2: #8f4e00;
    --colorPalettePeachBorderActive: #ff8c00;
    --colorPaletteGoldBackground2: #ecdfa5;
    --colorPaletteGoldForeground2: #6c5700;
    --colorPaletteGoldBorderActive: #c19c00;
    --colorPaletteBrassBackground2: #e0cea2;
    --colorPaletteBrassForeground2: #553e06;
    --colorPaletteBrassBorderActive: #986f0b;
    --colorPaletteBrownBackground2: #ddc3b0;
    --colorPaletteBrownForeground2: #50301a;
    --colorPaletteBrownBorderActive: #8e562e;
    --colorPaletteForestBackground2: #bdd99b;
    --colorPaletteForestForeground2: #294903;
    --colorPaletteForestBorderActive: #498205;
    --colorPaletteSeafoamBackground2: #a8f0cd;
    --colorPaletteSeafoamForeground2: #00723b;
    --colorPaletteSeafoamBorderActive: #00cc6a;
    --colorPaletteDarkGreenBackground2: #9ad29a;
    --colorPaletteDarkGreenForeground2: #063b06;
    --colorPaletteDarkGreenBorderActive: #0b6a0b;
    --colorPaletteLightTealBackground2: #a6e9ed;
    --colorPaletteLightTealForeground2: #00666d;
    --colorPaletteLightTealBorderActive: #00b7c3;
    --colorPaletteTealBackground2: #9bd9db;
    --colorPaletteTealForeground2: #02494c;
    --colorPaletteTealBorderActive: #038387;
    --colorPaletteSteelBackground2: #94c8d4;
    --colorPaletteSteelForeground2: #00333f;
    --colorPaletteSteelBorderActive: #005b70;
    --colorPaletteBlueBackground2: #a9d3f2;
    --colorPaletteBlueForeground2: #004377;
    --colorPaletteBlueBorderActive: #0078d4;
    --colorPaletteRoyalBlueBackground2: #9abfdc;
    --colorPaletteRoyalBlueForeground2: #002c4e;
    --colorPaletteRoyalBlueBorderActive: #004e8c;
    --colorPaletteCornflowerBackground2: #c8d1fa;
    --colorPaletteCornflowerForeground2: #2c3c85;
    --colorPaletteCornflowerBorderActive: #4f6bed;
    --colorPaletteNavyBackground2: #a3b2e8;
    --colorPaletteNavyForeground2: #001665;
    --colorPaletteNavyBorderActive: #0027b4;
    --colorPaletteLavenderBackground2: #d2ccf8;
    --colorPaletteLavenderForeground2: #3f3682;
    --colorPaletteLavenderBorderActive: #7160e8;
    --colorPalettePurpleBackground2: #c6b1de;
    --colorPalettePurpleForeground2: #341a51;
    --colorPalettePurpleBorderActive: #5c2e91;
    --colorPaletteGrapeBackground2: #d9a7e0;
    --colorPaletteGrapeForeground2: #4c0d55;
    --colorPaletteGrapeBorderActive: #881798;
    --colorPaletteLilacBackground2: #e6bfed;
    --colorPaletteLilacForeground2: #63276d;
    --colorPaletteLilacBorderActive: #b146c2;
    --colorPalettePinkBackground2: #f7c0e3;
    --colorPalettePinkForeground2: #80215d;
    --colorPalettePinkBorderActive: #e43ba6;
    --colorPaletteMagentaBackground2: #eca5d1;
    --colorPaletteMagentaForeground2: #6b0043;
    --colorPaletteMagentaBorderActive: #bf0077;
    --colorPalettePlumBackground2: #d696c0;
    --colorPalettePlumForeground2: #43002b;
    --colorPalettePlumBorderActive: #77004d;
    --colorPaletteBeigeBackground2: #d7d4d4;
    --colorPaletteBeigeForeground2: #444241;
    --colorPaletteBeigeBorderActive: #7a7574;
    --colorPaletteMinkBackground2: #cecccb;
    --colorPaletteMinkForeground2: #343231;
    --colorPaletteMinkBorderActive: #5d5a58;
    --colorPalettePlatinumBackground2: #cdd6d8;
    --colorPalettePlatinumForeground2: #3b4447;
    --colorPalettePlatinumBorderActive: #69797e;
    --colorPaletteAnchorBackground2: #bcc3c7;
    --colorPaletteAnchorForeground2: #202427;
    --colorPaletteAnchorBorderActive: #394146;
    --colorStatusSuccessBackground1: #f1faf1;
    --colorStatusSuccessBackground2: #9fd89f;
    --colorStatusSuccessBackground3: #107c10;
    --colorStatusSuccessForeground1: #0e700e;
    --colorStatusSuccessForeground2: #094509;
    --colorStatusSuccessForeground3: #107c10;
    --colorStatusSuccessForegroundInverted: #54b054;
    --colorStatusSuccessBorderActive: #107c10;
    --colorStatusSuccessBorder1: #9fd89f;
    --colorStatusSuccessBorder2: #107c10;
    --colorStatusWarningBackground1: #fff9f5;
    --colorStatusWarningBackground2: #fdcfb4;
    --colorStatusWarningBackground3: #f7630c;
    --colorStatusWarningForeground1: #bc4b09;
    --colorStatusWarningForeground2: #8a3707;
    --colorStatusWarningForeground3: #bc4b09;
    --colorStatusWarningForegroundInverted: #faa06b;
    --colorStatusWarningBorderActive: #f7630c;
    --colorStatusWarningBorder1: #fdcfb4;
    --colorStatusWarningBorder2: #bc4b09;
    --colorStatusDangerBackground1: #fdf3f4;
    --colorStatusDangerBackground2: #eeacb2;
    --colorStatusDangerBackground3: #c50f1f;
    --colorStatusDangerForeground1: #b10e1c;
    --colorStatusDangerForeground2: #6e0811;
    --colorStatusDangerForeground3: #c50f1f;
    --colorStatusDangerForegroundInverted: #dc626d;
    --colorStatusDangerBorderActive: #c50f1f;
    --colorStatusDangerBorder1: #eeacb2;
    --colorStatusDangerBorder2: #c50f1f;
    --colorStatusDangerBackground3Hover: #b10e1c;
    --colorStatusDangerBackground3Pressed: #960b18;
    --shadow2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
    --shadow4: 0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14);
    --shadow8: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14);
    --shadow16: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
    --shadow28: 0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14);
    --shadow64: 0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14);
    --shadow2Brand: 0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25);
    --shadow4Brand: 0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25);
    --shadow8Brand: 0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25);
    --shadow16Brand: 0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25);
    --shadow28Brand: 0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25);
    --shadow64Brand: 0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25);
}

:root[data-theme="dark"] {
    --borderRadiusNone: 0;
    --borderRadiusSmall: 2px;
    --borderRadiusMedium: 4px;
    --borderRadiusLarge: 6px;
    --borderRadiusXLarge: 8px;
    --borderRadiusCircular: 10000px;
    --fontSizeBase100: 10px;
    --fontSizeBase200: 12px;
    --fontSizeBase300: 14px;
    --fontSizeBase400: 16px;
    --fontSizeBase500: 20px;
    --fontSizeBase600: 24px;
    --fontSizeHero700: 28px;
    --fontSizeHero800: 32px;
    --fontSizeHero900: 40px;
    --fontSizeHero1000: 68px;
    --lineHeightBase100: 14px;
    --lineHeightBase200: 16px;
    --lineHeightBase300: 20px;
    --lineHeightBase400: 22px;
    --lineHeightBase500: 28px;
    --lineHeightBase600: 32px;
    --lineHeightHero700: 36px;
    --lineHeightHero800: 40px;
    --lineHeightHero900: 52px;
    --lineHeightHero1000: 92px;
    --fontFamilyBase: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    --fontFamilyMonospace: Consolas, 'Courier New', Courier, monospace;
    --fontFamilyNumeric: Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    --fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightSemibold: 600;
    --fontWeightBold: 700;
    --strokeWidthThin: 1px;
    --strokeWidthThick: 2px;
    --strokeWidthThicker: 3px;
    --strokeWidthThickest: 4px;
    --spacingHorizontalNone: 0;
    --spacingHorizontalXXS: 2px;
    --spacingHorizontalXS: 4px;
    --spacingHorizontalSNudge: 6px;
    --spacingHorizontalS: 8px;
    --spacingHorizontalMNudge: 10px;
    --spacingHorizontalM: 12px;
    --spacingHorizontalL: 16px;
    --spacingHorizontalXL: 20px;
    --spacingHorizontalXXL: 24px;
    --spacingHorizontalXXXL: 32px;
    --spacingVerticalNone: 0;
    --spacingVerticalXXS: 2px;
    --spacingVerticalXS: 4px;
    --spacingVerticalSNudge: 6px;
    --spacingVerticalS: 8px;
    --spacingVerticalMNudge: 10px;
    --spacingVerticalM: 12px;
    --spacingVerticalL: 16px;
    --spacingVerticalXL: 20px;
    --spacingVerticalXXL: 24px;
    --spacingVerticalXXXL: 32px;
    --durationUltraFast: 50ms;
    --durationFaster: 100ms;
    --durationFast: 150ms;
    --durationNormal: 200ms;
    --durationGentle: 250ms;
    --durationSlow: 300ms;
    --durationSlower: 400ms;
    --durationUltraSlow: 500ms;
    --curveAccelerateMax: cubic-bezier(0.9,0.1,1,0.2);
    --curveAccelerateMid: cubic-bezier(1,0,1,1);
    --curveAccelerateMin: cubic-bezier(0.8,0,0.78,1);
    --curveDecelerateMax: cubic-bezier(0.1,0.9,0.2,1);
    --curveDecelerateMid: cubic-bezier(0,0,0,1);
    --curveDecelerateMin: cubic-bezier(0.33,0,0.1,1);
    --curveEasyEaseMax: cubic-bezier(0.8,0,0.2,1);
    --curveEasyEase: cubic-bezier(0.33,0,0.67,1);
    --curveLinear: cubic-bezier(0,0,1,1);
    --colorNeutralForeground1: #ffffff;
    --colorNeutralForeground1Hover: #ffffff;
    --colorNeutralForeground1Pressed: #ffffff;
    --colorNeutralForeground1Selected: #ffffff;
    --colorNeutralForeground2: #d6d6d6;
    --colorNeutralForeground2Hover: #ffffff;
    --colorNeutralForeground2Pressed: #ffffff;
    --colorNeutralForeground2Selected: #ffffff;
    --colorNeutralForeground2BrandHover: #62abf5;
    --colorNeutralForeground2BrandPressed: #479ef5;
    --colorNeutralForeground2BrandSelected: #62abf5;
    --colorNeutralForeground3: #b3b3b3;
    --colorNeutralForeground3Hover: #d6d6d6;
    --colorNeutralForeground3Pressed: #d6d6d6;
    --colorNeutralForeground3Selected: #d6d6d6;
    --colorNeutralForeground3BrandHover: #62abf5;
    --colorNeutralForeground3BrandPressed: #479ef5;
    --colorNeutralForeground3BrandSelected: #62abf5;
    --colorNeutralForeground4: #9e9e9e;
    --colorNeutralForegroundDisabled: rgba(255, 255, 255, 0.4);
    --colorNeutralForegroundInvertedDisabled: rgba(0, 0, 0, 0.35);
    --colorBrandForegroundLink: #62abf5;
    --colorBrandForegroundLinkHover: #8bbef7;
    --colorBrandForegroundLinkPressed: #479ef5;
    --colorBrandForegroundLinkSelected: #62abf5;
    --colorNeutralForeground2Link: #d6d6d6;
    --colorNeutralForeground2LinkHover: #ffffff;
    --colorNeutralForeground2LinkPressed: #ffffff;
    --colorNeutralForeground2LinkSelected: #ffffff;
    --colorCompoundBrandForeground1: #62abf5;
    --colorCompoundBrandForeground1Hover: #8bbef7;
    --colorCompoundBrandForeground1Pressed: #479ef5;
    --colorBrandForeground1: #8bbef7;
    --colorBrandForeground2: #62abf5;
    --colorBrandForeground2Hover: #a2caf8;
    --colorBrandForeground2Pressed: #479ef5;
    --colorNeutralForeground1Static: #eaeaea;
    --colorNeutralForegroundStaticInverted: #000000;
    --colorNeutralForegroundInverted: #000000;
    --colorNeutralForegroundInvertedHover: #000000;
    --colorNeutralForegroundInvertedPressed: #000000;
    --colorNeutralForegroundInvertedSelected: #000000;
    --colorNeutralForegroundInverted2: #000000;
    --colorNeutralForegroundOnBrand: #ffffff;
    --colorNeutralForegroundInvertedLink: #0f548c;
    --colorNeutralForegroundInvertedLinkHover: #0c3b5e;
    --colorNeutralForegroundInvertedLinkPressed: #082a42;
    --colorNeutralForegroundInvertedLinkSelected: #0f548c;
    --colorBrandForegroundInverted: #0f548c;
    --colorBrandForegroundInvertedHover: #0c3b5e;
    --colorBrandForegroundInvertedPressed: #082a42;
    --colorBrandForegroundOnLight: #0f6cbd;
    --colorBrandForegroundOnLightHover: #115ea3;
    --colorBrandForegroundOnLightPressed: #0e4775;
    --colorBrandForegroundOnLightSelected: #0f548c;
    --colorNeutralBackground1: #111214;
    --colorNeutralBackground1Hover: #17191c;
    --colorNeutralBackground1Pressed: #0c0d0f;
    --colorNeutralBackground1Selected: #15171a;
    --colorNeutralBackground2: #15171a;
    --colorNeutralBackground2Hover: #1b1e21;
    --colorNeutralBackground2Pressed: #101214;
    --colorNeutralBackground2Selected: #191c1f;
    --colorNeutralBackground3: #1b1e21;
    --colorNeutralBackground3Hover: #202429;
    --colorNeutralBackground3Pressed: #15171a;
    --colorNeutralBackground3Selected: #1e2226;
    --colorNeutralBackground4: #202429;
    --colorNeutralBackground4Hover: #15171a;
    --colorNeutralBackground4Pressed: #1b1e21;
    --colorNeutralBackground4Selected: #111214;
    --colorNeutralBackground5: #242a30;
    --colorNeutralBackground5Hover: #1b1e21;
    --colorNeutralBackground5Pressed: #202429;
    --colorNeutralBackground5Selected: #15171a;
    --colorNeutralBackground6: #2b3239;
    --colorNeutralBackgroundInverted: #f5f5f5;
    --colorNeutralBackgroundStatic: #0d0e10;
    --colorNeutralBackgroundAlpha: rgba(0, 0, 0, 0.35);
    --colorNeutralBackgroundAlpha2: rgba(0, 0, 0, 0.2);
    --colorSubtleBackground: transparent;
    --colorSubtleBackgroundHover: rgba(255, 255, 255, 0.06);
    --colorSubtleBackgroundPressed: rgba(255, 255, 255, 0.12);
    --colorSubtleBackgroundSelected: rgba(255, 255, 255, 0.08);
    --colorSubtleBackgroundLightAlphaHover: rgba(255, 255, 255, 0.2);
    --colorSubtleBackgroundLightAlphaPressed: rgba(255, 255, 255, 0.14);
    --colorSubtleBackgroundLightAlphaSelected: transparent;
    --colorSubtleBackgroundInverted: transparent;
    --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1);
    --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3);
    --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2);
    --colorTransparentBackground: transparent;
    --colorTransparentBackgroundHover: transparent;
    --colorTransparentBackgroundPressed: transparent;
    --colorTransparentBackgroundSelected: transparent;
    --colorNeutralBackgroundDisabled: rgba(255, 255, 255, 0.06);
    --colorNeutralBackgroundInvertedDisabled: rgba(0, 0, 0, 0.08);
    --colorNeutralStencil1: #2b3239;
    --colorNeutralStencil2: #1b1e21;
    --colorNeutralStencil1Alpha: rgba(255, 255, 255, 0.12);
    --colorNeutralStencil2Alpha: rgba(255, 255, 255, 0.06);
    --colorBackgroundOverlay: rgba(0, 0, 0, 0.6);
    --colorScrollbarOverlay: rgba(255, 255, 255, 0.25);
    --colorBrandBackground: #0f548c;
    --colorBrandBackgroundHover: #115ea3;
    --colorBrandBackgroundPressed: #0c3b5e;
    --colorBrandBackgroundSelected: #0f6cbd;
    --colorCompoundBrandBackground: #0f548c;
    --colorCompoundBrandBackgroundHover: #115ea3;
    --colorCompoundBrandBackgroundPressed: #0c3b5e;
    --colorBrandBackgroundStatic: #0f6cbd;
    --colorBrandBackground2: #0b3656;
    --colorBrandBackground2Hover: #0d4470;
    --colorBrandBackground2Pressed: #0a2841;
    --colorBrandBackground3Static: #0f548c;
    --colorBrandBackground4Static: #0c3b5e;
    --colorBrandBackgroundInverted: #111214;
    --colorBrandBackgroundInvertedHover: #17191c;
    --colorBrandBackgroundInvertedPressed: #0c0d0f;
    --colorBrandBackgroundInvertedSelected: #15171a;
    --colorNeutralCardBackground: #15171a;
    --colorNeutralCardBackgroundHover: #1b1e21;
    --colorNeutralCardBackgroundPressed: #101214;
    --colorNeutralCardBackgroundSelected: #191c1f;
    --colorNeutralCardBackgroundDisabled: rgba(255, 255, 255, 0.06);
    --colorNeutralStrokeAccessible: #8a8a8a;
    --colorNeutralStrokeAccessibleHover: #9a9a9a;
    --colorNeutralStrokeAccessiblePressed: #7a7a7a;
    --colorNeutralStrokeAccessibleSelected: #62abf5;
    --colorNeutralStroke1: #3a3f45;
    --colorNeutralStroke1Hover: #454b52;
    --colorNeutralStroke1Pressed: #2f3439;
    --colorNeutralStroke1Selected: #3a3f45;
    --colorNeutralStroke2: #2f3439;
    --colorNeutralStroke3: #23272b;
    --colorNeutralStrokeSubtle: #1b1e21;
    --colorNeutralStrokeOnBrand: #ffffff;
    --colorNeutralStrokeOnBrand2: #cfe4fa;
    --colorNeutralStrokeOnBrand2Hover: #e6f0fb;
    --colorNeutralStrokeOnBrand2Pressed: #b4d6fa;
    --colorNeutralStrokeOnBrand2Selected: #e6f0fb;
    --colorBrandStroke1: #62abf5;
    --colorBrandStroke2: #0f548c;
    --colorBrandStroke2Hover: #0f6cbd;
    --colorBrandStroke2Pressed: #0c3b5e;
    --colorBrandStroke2Contrast: #8bbef7;
    --colorCompoundBrandStroke: #62abf5;
    --colorCompoundBrandStrokeHover: #8bbef7;
    --colorCompoundBrandStrokePressed: #479ef5;
    --colorNeutralStrokeDisabled: rgba(255, 255, 255, 0.14);
    --colorNeutralStrokeInvertedDisabled: rgba(0, 0, 0, 0.35);
    --colorTransparentStroke: transparent;
    --colorTransparentStrokeInteractive: transparent;
    --colorTransparentStrokeDisabled: transparent;
    --colorNeutralStrokeAlpha: rgba(255, 255, 255, 0.08);
    --colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.25);
    --colorStrokeFocus1: #000000;
    --colorStrokeFocus2: #ffffff;
    --colorNeutralShadowAmbient: rgba(0,0,0,0.5);
    --colorNeutralShadowKey: rgba(0,0,0,0.6);
    --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.24);
    --colorNeutralShadowKeyLighter: rgba(0,0,0,0.28);
    --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.6);
    --colorNeutralShadowKeyDarker: rgba(0,0,0,0.7);
    --colorBrandShadowAmbient: rgba(0,0,0,0.55);
    --colorBrandShadowKey: rgba(0,0,0,0.5);
    --colorPaletteRedBackground1: #2a1112;
    --colorPaletteRedBackground2: #6a2a2c;
    --colorPaletteRedBackground3: #d13438;
    --colorPaletteRedForeground1: #f3b6b8;
    --colorPaletteRedForeground2: #ffdee0;
    --colorPaletteRedForeground3: #ff8d92;
    --colorPaletteRedBorderActive: #ff8d92;
    --colorPaletteRedBorder1: #6a2a2c;
    --colorPaletteRedBorder2: #d13438;
    --colorPaletteGreenBackground1: #0e1a0e;
    --colorPaletteGreenBackground2: #1e4d1e;
    --colorPaletteGreenBackground3: #107c10;
    --colorPaletteGreenForeground1: #a4e3a4;
    --colorPaletteGreenForeground2: #c9f1c9;
    --colorPaletteGreenForeground3: #7ed87e;
    --colorPaletteGreenBorderActive: #7ed87e;
    --colorPaletteGreenBorder1: #1e4d1e;
    --colorPaletteGreenBorder2: #107c10;
    --colorPaletteDarkOrangeBackground1: #24120a;
    --colorPaletteDarkOrangeBackground2: #5a2d1a;
    --colorPaletteDarkOrangeBackground3: #da3b01;
    --colorPaletteDarkOrangeForeground1: #ffc6ac;
    --colorPaletteDarkOrangeForeground2: #ffe0d1;
    --colorPaletteDarkOrangeForeground3: #ff8f61;
    --colorPaletteDarkOrangeBorderActive: #ff8f61;
    --colorPaletteDarkOrangeBorder1: #5a2d1a;
    --colorPaletteDarkOrangeBorder2: #da3b01;
    --colorPaletteYellowBackground1: #26230a;
    --colorPaletteYellowBackground2: #5a5010;
    --colorPaletteYellowBackground3: #fde300;
    --colorPaletteYellowForeground1: #fff7a5;
    --colorPaletteYellowForeground2: #fff7a5;
    --colorPaletteYellowForeground3: #fde300;
    --colorPaletteYellowBorderActive: #fde300;
    --colorPaletteYellowBorder1: #5a5010;
    --colorPaletteYellowBorder2: #fde300;
    --colorPaletteBerryBackground1: #251325;
    --colorPaletteBerryBackground2: #4b244a;
    --colorPaletteBerryBackground3: #c239b3;
    --colorPaletteBerryForeground1: #f3b9ec;
    --colorPaletteBerryForeground2: #ffdffb;
    --colorPaletteBerryForeground3: #e788db;
    --colorPaletteBerryBorderActive: #e788db;
    --colorPaletteBerryBorder1: #4b244a;
    --colorPaletteBerryBorder2: #c239b3;
    --colorPaletteLightGreenBackground1: #0f1f10;
    --colorPaletteLightGreenBackground2: #1d4c1d;
    --colorPaletteLightGreenBackground3: #13a10e;
    --colorPaletteLightGreenForeground1: #b6f2b4;
    --colorPaletteLightGreenForeground2: #d3f9d2;
    --colorPaletteLightGreenForeground3: #8be887;
    --colorPaletteLightGreenBorderActive: #8be887;
    --colorPaletteLightGreenBorder1: #1d4c1d;
    --colorPaletteLightGreenBorder2: #13a10e;
    --colorPaletteMarigoldBackground1: #2a210a;
    --colorPaletteMarigoldBackground2: #5a4610;
    --colorPaletteMarigoldBackground3: #eaa300;
    --colorPaletteMarigoldForeground1: #ffd98c;
    --colorPaletteMarigoldForeground2: #ffe7b3;
    --colorPaletteMarigoldForeground3: #ffbf33;
    --colorPaletteMarigoldBorderActive: #ffbf33;
    --colorPaletteMarigoldBorder1: #5a4610;
    --colorPaletteMarigoldBorder2: #eaa300;
    --colorPaletteRedForegroundInverted: #c23a3f;
    --colorPaletteGreenForegroundInverted: #2e8f2e;
    --colorPaletteYellowForegroundInverted: #5a5010;
    --colorPaletteDarkRedBackground2: #5a2a34;
    --colorPaletteDarkRedForeground2: #ffd7de;
    --colorPaletteDarkRedBorderActive: #ff8aa3;
    --colorPaletteCranberryBackground2: #5a2630;
    --colorPaletteCranberryForeground2: #ffd6dd;
    --colorPaletteCranberryBorderActive: #ff6a7c;
    --colorPalettePumpkinBackground2: #55321a;
    --colorPalettePumpkinForeground2: #ffd9bf;
    --colorPalettePumpkinBorderActive: #ff9147;
    --colorPalettePeachBackground2: #5a3a1f;
    --colorPalettePeachForeground2: #ffe0c2;
    --colorPalettePeachBorderActive: #ffa85a;
    --colorPaletteGoldBackground2: #524714;
    --colorPaletteGoldForeground2: #ffeaa6;
    --colorPaletteGoldBorderActive: #e4bf2e;
    --colorPaletteBrassBackground2: #4a3b18;
    --colorPaletteBrassForeground2: #f1daa3;
    --colorPaletteBrassBorderActive: #b98a2a;
    --colorPaletteBrownBackground2: #463224;
    --colorPaletteBrownForeground2: #efd3bf;
    --colorPaletteBrownBorderActive: #a36e4b;
    --colorPaletteForestBackground2: #2a3c20;
    --colorPaletteForestForeground2: #d7f0be;
    --colorPaletteForestBorderActive: #6dac31;
    --colorPaletteSeafoamBackground2: #1b3c31;
    --colorPaletteSeafoamForeground2: #b9f5df;
    --colorPaletteSeafoamBorderActive: #29d48f;
    --colorPaletteDarkGreenBackground2: #213a21;
    --colorPaletteDarkGreenForeground2: #c7ebc7;
    --colorPaletteDarkGreenBorderActive: #2f8a2f;
    --colorPaletteLightTealBackground2: #18454a;
    --colorPaletteLightTealForeground2: #c9f2f5;
    --colorPaletteLightTealBorderActive: #26cdda;
    --colorPaletteTealBackground2: #1a4042;
    --colorPaletteTealForeground2: #c6ebec;
    --colorPaletteTealBorderActive: #2d9fa4;
    --colorPaletteSteelBackground2: #183a44;
    --colorPaletteSteelForeground2: #c2e3ec;
    --colorPaletteSteelBorderActive: #2f7d94;
    --colorPaletteBlueBackground2: #123450;
    --colorPaletteBlueForeground2: #cfe8fb;
    --colorPaletteBlueBorderActive: #3a97e2;
    --colorPaletteRoyalBlueBackground2: #0f2944;
    --colorPaletteRoyalBlueForeground2: #c6dbf0;
    --colorPaletteRoyalBlueBorderActive: #3173b8;
    --colorPaletteCornflowerBackground2: #232c56;
    --colorPaletteCornflowerForeground2: #e1e5ff;
    --colorPaletteCornflowerBorderActive: #6a83ff;
    --colorPaletteNavyBackground2: #15214f;
    --colorPaletteNavyForeground2: #d7defa;
    --colorPaletteNavyBorderActive: #4565ff;
    --colorPaletteLavenderBackground2: #2e2a66;
    --colorPaletteLavenderForeground2: #e5e2ff;
    --colorPaletteLavenderBorderActive: #8e7dff;
    --colorPalettePurpleBackground2: #2b1f45;
    --colorPalettePurpleForeground2: #e6d8ff;
    --colorPalettePurpleBorderActive: #7b55c9;
    --colorPaletteGrapeBackground2: #3a1642;
    --colorPaletteGrapeForeground2: #f0d5f5;
    --colorPaletteGrapeBorderActive: #a540b4;
    --colorPaletteLilacBackground2: #3f2147;
    --colorPaletteLilacForeground2: #f4d9f8;
    --colorPaletteLilacBorderActive: #bc59cd;
    --colorPalettePinkBackground2: #4a1f3d;
    --colorPalettePinkForeground2: #fad6ec;
    --colorPalettePinkBorderActive: #e85db5;
    --colorPaletteMagentaBackground2: #4a1232;
    --colorPaletteMagentaForeground2: #f7c3e4;
    --colorPaletteMagentaBorderActive: #cc4e9f;
    --colorPalettePlumBackground2: #3e1730;
    --colorPalettePlumForeground2: #f0c9e2;
    --colorPalettePlumBorderActive: #a53d86;
    --colorPaletteBeigeBackground2: #3f3d3c;
    --colorPaletteBeigeForeground2: #e7e4e3;
    --colorPaletteBeigeBorderActive: #a39e9c;
    --colorPaletteMinkBackground2: #373534;
    --colorPaletteMinkForeground2: #e3e1e0;
    --colorPaletteMinkBorderActive: #8a8684;
    --colorPalettePlatinumBackground2: #2f373a;
    --colorPalettePlatinumForeground2: #dde5e8;
    --colorPalettePlatinumBorderActive: #7b8b92;
    --colorPaletteAnchorBackground2: #2b3135;
    --colorPaletteAnchorForeground2: #d7dee2;
    --colorPaletteAnchorBorderActive: #56616a;
    --colorStatusSuccessBackground1: #0e1a0e;
    --colorStatusSuccessBackground2: #1e4d1e;
    --colorStatusSuccessBackground3: #107c10;
    --colorStatusSuccessForeground1: #a4e3a4;
    --colorStatusSuccessForeground2: #c9f1c9;
    --colorStatusSuccessForeground3: #7ed87e;
    --colorStatusSuccessForegroundInverted: #2e8f2e;
    --colorStatusSuccessBorderActive: #7ed87e;
    --colorStatusSuccessBorder1: #1e4d1e;
    --colorStatusSuccessBorder2: #107c10;
    --colorStatusWarningBackground1: #24170e;
    --colorStatusWarningBackground2: #5a361c;
    --colorStatusWarningBackground3: #f7630c;
    --colorStatusWarningForeground1: #ffc9a6;
    --colorStatusWarningForeground2: #ffe0cf;
    --colorStatusWarningForeground3: #ff9b63;
    --colorStatusWarningForegroundInverted: #b85c27;
    --colorStatusWarningBorderActive: #ff9b63;
    --colorStatusWarningBorder1: #5a361c;
    --colorStatusWarningBorder2: #bc4b09;
    --colorStatusDangerBackground1: #2a1215;
    --colorStatusDangerBackground2: #5a2b32;
    --colorStatusDangerBackground3: #c50f1f;
    --colorStatusDangerForeground1: #f3b6bd;
    --colorStatusDangerForeground2: #ffdfe3;
    --colorStatusDangerForeground3: #ff8894;
    --colorStatusDangerForegroundInverted: #c23a3f;
    --colorStatusDangerBorderActive: #ff8894;
    --colorStatusDangerBorder1: #5a2b32;
    --colorStatusDangerBorder2: #c50f1f;
    --colorStatusDangerBackground3Hover: #b10e1c;
    --colorStatusDangerBackground3Pressed: #960b18;
    --shadow2: 0 0 2px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.5);
    --shadow4: 0 0 2px rgba(0,0,0,0.35), 0 2px 4px rgba(0,0,0,0.5);
    --shadow8: 0 0 2px rgba(0,0,0,0.35), 0 4px 8px rgba(0,0,0,0.5);
    --shadow16: 0 0 2px rgba(0,0,0,0.35), 0 8px 16px rgba(0,0,0,0.5);
    --shadow28: 0 0 8px rgba(0,0,0,0.35), 0 14px 28px rgba(0,0,0,0.5);
    --shadow64: 0 0 8px rgba(0,0,0,0.35), 0 32px 64px rgba(0,0,0,0.5);
    --shadow2Brand: 0 0 2px rgba(0,0,0,0.55), 0 1px 2px rgba(0,0,0,0.5);
    --shadow4Brand: 0 0 2px rgba(0,0,0,0.55), 0 2px 4px rgba(0,0,0,0.5);
    --shadow8Brand: 0 0 2px rgba(0,0,0,0.55), 0 4px 8px rgba(0,0,0,0.5);
    --shadow16Brand: 0 0 2px rgba(0,0,0,0.55), 0 8px 16px rgba(0,0,0,0.5);
    --shadow28Brand: 0 0 8px rgba(0,0,0,0.55), 0 14px 28px rgba(0,0,0,0.5);
    --shadow64Brand: 0 0 8px rgba(0,0,0,0.55), 0 32px 64px rgba(0,0,0,0.5);
}

:root {
    --borderRadiusPill: 50rem;
    --fontWeightLight: 300;
    --strokeWidthNone: 0px;
    --strokeWidthMax: 5px;
    --zIndexITableFixed: 10;
    --zIndexITableFixed2: 11;
    --zIndexInputBefore: 10;
    --zIndexInput: 20;
    --zIndexInputAfter: 30;
    --zIndexNavigation: 1000;
    --zIndexDropdown: 1010;
    --zIndexSticky: 1020;
    --zIndexFixed: 1030;
    --zIndexDrawerBackdrop: 1040;
    --zIndexDrawer: 1045;
    --zIndexModalBackdrop: 1050;
    --zIndexModal: 1055;
    --zIndexPopover: 1060;
    --zIndexTooltip: 1070;
    --b-bar-horizontal-height: 60px;
}

$background-theme-colors: ( "primary": var(--colorBrandBackground), "secondary": var(--colorNeutralBackground3), "success": var(--colorStatusSuccessBackground3), "danger": var(--colorStatusDangerBackground3), "warning": var(--colorStatusWarningBackground3), "info": var(--colorNeutralForeground3), "light": var(--colorNeutralBackground2), "dark": var(--colorNeutralForeground1), "link": var(--colorBrandForegroundLink)) !default;
$foreground-theme-colors: ( "primary": var(--colorBrandForeground1), "secondary": var(--colorNeutralForeground3), "success": var(--colorStatusSuccessForeground3), "danger": var(--colorPaletteRedForeground3), "warning": var(--colorStatusWarningBackground3), "info": var(--colorNeutralForeground3), "light": var(--colorNeutralForeground4), "dark": var(--colorNeutralForeground1), "link": var(--colorBrandForegroundLink)) !default;

$background-theme-colors-subtle: (
    "primary": var(--colorBrandBackground2),
    "secondary": var(--colorNeutralBackground2),
    "success": var(--colorStatusSuccessBackground1),
    "danger": var(--colorStatusDangerBackground1),
    "warning": var(--colorStatusWarningBackground1),
    "info": var(--colorNeutralBackground2),
    "light": var(--colorNeutralBackground1Hover),
    "dark": var(--colorNeutralBackground5),
    "link": var(--colorTransparentBackground)
) !default;

$border-theme-colors-subtle: (
    "primary": var(--colorBrandStroke1),
    "secondary": var(--colorNeutralStroke2),
    "success": var(--colorStatusSuccessForeground2),
    "danger": var(--colorStatusDangerForeground2),
    "warning": var(--colorStatusWarningForeground2),
    "info": var(--colorNeutralStroke2),
    "light": var(--colorNeutralStroke2),
    "dark": var(--colorNeutralStroke3),
    "link": var(--colorBrandStroke1)
) !default;

$foreground-theme-colors-emphasis: (
    "primary": var(--colorBrandForeground2),
    "secondary": var(--colorNeutralForeground2),
    "success": var(--colorStatusSuccessForeground2),
    "danger": var(--colorStatusDangerForeground2),
    "warning": var(--colorStatusWarningForeground2),
    "info": var(--colorNeutralForeground2),
    "light": var(--colorNeutralForeground2),
    "dark": var(--colorNeutralForeground4),
    "link": var(--colorBrandForegroundOnLight)
) !default;

$spacer: var(--spacingHorizontalM) !default;
$spacers: () !default;
$spacers: map-merge( ( 0: 0, 1: var(--spacingHorizontalXS), 2: var(--spacingHorizontalS), 3: var(--spacingHorizontalM), 4: var(--spacingHorizontalL), 5: var(--spacingHorizontalXL) ), $spacers );

$sizes: () !default;
$sizes: map-merge( ( 25: 25%, 33: 33.333333%, 50: 50%, 66: 66.666667%, 75: 75%, 100: 100%, auto: auto ), $sizes );

$grid-breakpoints: ( xs: 0, sm: 600px, md: 960px, lg: 1280px, xl: 1920px, xxl: 2560px ) !default;

$container-max-widths: ( sm: 540px, md: 920px, lg: 1220px, xl: 1880px, xxl: 2520px) !default;

$grid-rows: 6 !default;
$grid-columns: 12 !default;
$grid-gutter-width: var(--spacingHorizontalXXL) !default;
$grid-row-columns: 6 !default;

$modal-xl: 1140px !default;
$modal-lg: 800px !default;
$modal-md: 500px !default;
$modal-sm: 300px !default;

$overflows: auto, hidden, visible, scroll !default;

$figure-dimensions: 16 24 32 48 64 96 128 256 512 !default;

$positions: static, relative, absolute, fixed, sticky !default;
$position-values: ( 0: 0, 50: 50%, 100: 100% ) !default;
